<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<jsp:include page = "../metadatos.jsp" flush = "True" />
<html>
    <head>
        <title>Bienvenido al Sistema ERP MAGR </title>
    </head>
    <body>
        <div class="wrapper">
            <header class="header">
            </header><!-- .header-->
            <main class="content">
                <form method="post" action="./TarrySystem?action=items&index=3" class="formee">
                    <input type="hidden" value ="<c:out value="${idPedidoApuntador}"/>" name="idPedido"/>
                    
                    <fieldset>
                        <legend>Agregar Producto</legend>
                        <c:if test="${tarryPrincipal.nErrores>0}">
                            <div class="formee-msg-error">
                                <h3>Incidencias:</h3>
                                <ul>
                                    <c:forEach items="${tarryPrincipal.errores}" var="e">
                                        <li><c:out value="${e}"/></li>
                                        </c:forEach>
                                </ul>
                            </div> 
                        </c:if>

                        <div class="grid-12-12">
                            <label>ID Producto<em class="formee-req">*</em></label>
                            <input type="text" name="idProducto" onKeyup="this.value = ventero(this.value)" value="<c:out value="${tarryPrincipal.idProductoApuntador}"/>"/>
                        </div>

                        <div class="grid-6-12">
                            <label>Numero Corrugados<em class="formee-req">*</em></label>
                            <input type="text" name="nCorrugados" onKeyup="this.value = ventero(this.value)"/>
                        </div>
                        <div class="grid-6-12">
                            <label>Precio / Corrugado<em class="formee-req">*</em></label>
                            <input type="text" name="pCorrugados" onKeyup="this.value = vdoble(this.value)" value="<c:out value="${tarryPrincipal.precioListaApuntador}"/>"/>
                        </div>
                        <div class="grid-4-12">
                            <label> % De Descuento #1<em class="formee-req">*</em></label>
                            <input type="text" name="decuentoItem1" onKeyup="this.value = vdoble(this.value)"  value="<c:out value="${tarryPrincipal.clienteDTOs.descuentoAsignadoUno}"/>"/>
                        </div>
                        <div class="grid-4-12">
                            <label> % De Descuento #2<em class="formee-req">*</em></label>
                            <input type="text" name="decuentoItem2" onKeyup="this.value = vdoble(this.value)" value="<c:out value="${tarryPrincipal.clienteDTOs.descuentoAsignadoDos}"/>" />
                        </div>
                        <div class="grid-4-12">
                            <label> % De Descuento #3<em class="formee-req">*</em></label>
                            <input type="text" name="decuentoItem3" onKeyup="this.value = vdoble(this.value)" value="<c:out value="${tarryPrincipal.clienteDTOs.descuentoAsignadoTres}"/>"/>
                        </div>
                        <div class="grid-3-12">
                            <input type="submit" name="Guardar" />
                        </div>
                    </fieldset>
                </form>

                <!-- form 2 -->
                <form method="post" action ="./Clientes?action=productosFiltro" class="formee">
                    <fieldset>
                        <legend>FILTRO</legend>
                        <c:if test="${tarryPrincipal.nErroresFiltro>0}">
                            <div class="formee-msg-error">
                                <h3>Incidencias:</h3>
                                <ul>
                                    <c:forEach items="${tarryPrincipal.erroresFiltro}" var="e">
                                        <li><c:out value="${e}"/></li>
                                        </c:forEach>
                                </ul>
                            </div> 
                        </c:if>

                        <div class="grid-12-12">
                            <label> CLAVE DE PRODUCTO<em class="formee-req">*</em></label>
                            <input type="text" name="claveProducto" onKeyup="this.value = ventero(this.value)"/>
                        </div>
                        <div class="grid-12-12">
                            <label> NOMBRE<em class="formee-req">*</em></label>
                            <input type="text" name="indicio" onKeyup="this.value = txt(this.value)"/>
                        </div>
                        <div class="grid-3-12">
                            <input type="submit" value="FILTRAR" />
                        </div>
                    </fieldset>
                </form>
                <!-- form 3 -->
                <form class="formee">
                    <fieldset>
                        <legend>PRODUCTOS</legend>
                        <div class="grid-12-12">
                            <table class="bordered" width="100%">
                                <thead>
                                    <tr>
                                        <th><b>ID</b></th>
                                        <th><b>NOMBRE</b></th>
                                        <th><b>PRECIO</b></th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <c:forEach items="${tarryPrincipal.productos}" var="prod">
                                        <tr onclick="location.href = './Clientes?action=cargaProducto&idProducto=<c:out value="${prod.id}"/>'">
                                            <td><c:out value="${prod.id}"/></td>
                                            <td><c:out value="${prod.nombre}"/></td>
                                            <td><c:out value="${prod.precio}"/></td>
                                        </tr>
                                    </c:forEach>
                                </tbody>
                            </table>
                        </div>
                    </fieldset>
                </form>
            </main>
        </div><!-- .wrapper -->
    </body>
</html>